﻿<!DOCTYPE html>
<html>
  <head>
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/首页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/首页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 首页 (Group) -->
      <div id="u160" class="ax_default" data-label="首页" data-left="64" data-top="80" data-width="376" data-height="667">

        <!-- 背景 (Rectangle) -->
        <div id="u161" class="ax_default box_2" data-label="背景">
          <div id="u161_div" class=""></div>
        </div>

        <!-- Unnamed (底部导航栏) -->

        <!-- mask (Rectangle) -->
        <div id="u163" class="ax_default box_2 ax_default_hidden" data-label="mask" style="display:none; visibility: hidden">
          <div id="u163_div" class=""></div>
        </div>

        <!-- 活动按钮-功能选择 (Group) -->
        <div id="u164" class="ax_default ax_default_hidden" data-label="活动按钮-功能选择" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

          <!-- bg (Rectangle) -->
          <div id="u165" class="ax_default ellipse" data-label="bg">
            <div id="u165_div" class=""></div>
          </div>

          <!-- 图像 (Rectangle) -->
          <div id="u166" class="ax_default ellipse" data-label="图像">
            <div id="u166_div" class=""></div>
            <div id="u166_text" class="text ">
              <p><span>图像</span></p>
            </div>
          </div>

          <!-- 语音 (Rectangle) -->
          <div id="u167" class="ax_default ellipse" data-label="语音">
            <div id="u167_div" class=""></div>
            <div id="u167_text" class="text ">
              <p><span>语音</span></p>
            </div>
          </div>

          <!-- 语音 (Rectangle) -->
          <div id="u168" class="ax_default ellipse" data-label="语音">
            <div id="u168_div" class=""></div>
            <div id="u168_text" class="text ">
              <p><span>新建笔记</span></p>
            </div>
          </div>

          <!-- 语音 (Rectangle) -->
          <div id="u169" class="ax_default ellipse" data-label="语音">
            <div id="u169_div" class=""></div>
            <div id="u169_text" class="text ">
              <p><span>手写笔记</span></p>
            </div>
          </div>

          <!-- 语音 (Rectangle) -->
          <div id="u170" class="ax_default ellipse" data-label="语音">
            <div id="u170_div" class=""></div>
            <div id="u170_text" class="text ">
              <p><span>模板笔记</span></p>
            </div>
          </div>

          <!-- 语音 (Rectangle) -->
          <div id="u171" class="ax_default ellipse" data-label="语音">
            <div id="u171_div" class=""></div>
            <div id="u171_text" class="text ">
              <p><span>markdown</span></p>
            </div>
          </div>

          <!-- 语音 (Rectangle) -->
          <div id="u172" class="ax_default ellipse" data-label="语音">
            <div id="u172_div" class=""></div>
            <div id="u172_text" class="text ">
              <p><span>文件上传</span></p>
            </div>
          </div>

          <!-- 语音 (Rectangle) -->
          <div id="u173" class="ax_default ellipse" data-label="语音">
            <div id="u173_div" class=""></div>
            <div id="u173_text" class="text ">
              <p><span>图片上传</span></p>
            </div>
          </div>
        </div>

        <!-- 底部导航栏 (Group) -->
        <div id="u174" class="ax_default" data-label="底部导航栏" data-left="0" data-top="598" data-width="375" data-height="69">

          <!-- TabBar (Rectangle) -->
          <div id="u175" class="ax_default box_3" data-label="TabBar">
            <div id="u175_div" class=""></div>
          </div>

          <!-- tabs (Group) -->
          <div id="u176" class="ax_default" data-label="tabs" data-left="32" data-top="610" data-width="316" data-height="51">

            <!-- Unnamed (Group) -->
            <div id="u177" class="ax_default" data-left="32" data-top="617" data-width="46" data-height="44">

              <!-- 我的笔记 (Rectangle) -->
              <div id="u178" class="ax_default label" data-label="我的笔记">
                <div id="u178_div" class=""></div>
                <div id="u178_text" class="text ">
                  <p><span>我的笔记</span></p>
                </div>
              </div>

              <!-- Unnamed (Shape) -->
              <div id="u179" class="ax_default icon">
                <img id="u179_img" class="img " src="images/首页/u179.png"/>
              </div>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u180" class="ax_default icon">
              <img id="u180_img" class="img " src="images/首页/u180.png"/>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u181" class="ax_default" data-left="302" data-top="615" data-width="46" data-height="46">

              <!-- 个人中心 (Rectangle) -->
              <div id="u182" class="ax_default label" data-label="个人中心">
                <div id="u182_div" class=""></div>
                <div id="u182_text" class="text ">
                  <p><span>个人中心</span></p>
                </div>
              </div>

              <!-- Unnamed (Shape) -->
              <div id="u183" class="ax_default icon">
                <img id="u183_img" class="img " src="images/首页/u183.png"/>
              </div>
            </div>
          </div>
        </div>

        <!-- outer (Dynamic Panel) -->
        <div id="u184" class="ax_default" data-label="outer">
          <div id="u184_state0" class="panel_state" data-label="State1" style="">
            <div id="u184_state0_content" class="panel_state_content">

              <!-- test (Rectangle) -->
              <div id="u185" class="ax_default _一级标题 ax_default_hidden" data-label="test" style="display:none; visibility: hidden">
                <div id="u185_div" class=""></div>
                <div id="u185_text" class="text ">
                  <p><span>loading...</span></p>
                </div>
              </div>

              <!-- inner (Dynamic Panel) -->
              <div id="u186" class="ax_default" data-label="inner">
                <div id="u186_state0" class="panel_state" data-label="我的文档" style="">
                  <div id="u186_state0_content" class="panel_state_content">

                    <!-- rpt (Repeater) -->
                    <div id="u187" class="ax_default" data-label="rpt">
                      <script id="u187_script" type="axure-repeater-template" data-label="rpt">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188" class="ax_default box_1 u188">
                          <div id="u188_div" class="u188_div"></div>
                          <div id="u188_text" class="text u188_text">
                            <p><span>one</span></p>
                          </div>
                        </div>
                      </script>
                      <div id="u187-1" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-1" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-1_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-1_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>三国演义精读</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-2" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-2" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-2_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-2_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>资治通鉴</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-3" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-3" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-3_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-3_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>红楼梦</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-4" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-4" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-4_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-4_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>聊斋</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-5" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-5" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-5_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-5_text" class="text u188_text" style="position: absolute;left: 2px;top: 0px;width: 96px;visibility: inherit">
                            <p><span>禅与摩托车维修艺术</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-6" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-6" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-6_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-6_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>笔记1</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-7" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-7" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-7_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-7_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>笔记2</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-8" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-8" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-8_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-8_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>笔记3</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-9" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-9" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-9_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-9_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>笔记4</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-10" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-10" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-10_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-10_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>笔记5</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-11" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-11" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-11_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-11_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>笔记6</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-12" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-12" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-12_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-12_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>笔记7</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-13" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-13" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-13_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-13_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>笔记8</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-14" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-14" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-14_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-14_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>9</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-15" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-15" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-15_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-15_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>10</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-16" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-16" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-16_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-16_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>11</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-17" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-17" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-17_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-17_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>12</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-18" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-18" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-18_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-18_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>13</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-19" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-19" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-19_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-19_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>14</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-20" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-20" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-20_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-20_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>15</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-21" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-21" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-21_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-21_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>16</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-22" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-22" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-22_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-22_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>17</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-23" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-23" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-23_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-23_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>18</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-24" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-24" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-24_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-24_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>19</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u187-25" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u188-25" class="ax_default box_1 u188" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u188-25_div" class="u188_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u188-25_text" class="text u188_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>20</span></p>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- 排序 (Group) -->
                    <div id="u189" class="ax_default" data-label="排序" data-left="190" data-top="8" data-width="78" data-height="22">

                      <!-- Unnamed (Rectangle) -->
                      <div id="u190" class="ax_default button">
                        <div id="u190_div" class=""></div>
                        <div id="u190_text" class="text ">
                          <p><span>排序</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (Group) -->
                      <div id="u191" class="ax_default ax_default_hidden" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

                        <!-- 按时间 (Rectangle) -->
                        <div id="u192" class="ax_default button" data-label="按时间">
                          <div id="u192_div" class=""></div>
                          <div id="u192_text" class="text ">
                            <p><span>按时间</span></p>
                          </div>
                        </div>

                        <!-- 按文件名 (Rectangle) -->
                        <div id="u193" class="ax_default button" data-label="按文件名">
                          <div id="u193_div" class=""></div>
                          <div id="u193_text" class="text ">
                            <p><span>按文件名</span></p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div id="u186_state1" class="panel_state" data-label="团队文档" style="visibility: hidden;">
                  <div id="u186_state1_content" class="panel_state_content">

                    <!-- rpt (Repeater) -->
                    <div id="u194" class="ax_default" data-label="rpt">
                      <script id="u194_script" type="axure-repeater-template" data-label="rpt">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u195" class="ax_default box_1 u195">
                          <div id="u195_div" class="u195_div"></div>
                          <div id="u195_text" class="text u195_text">
                            <p><span>one</span></p>
                          </div>
                        </div>
                      </script>
                      <div id="u194-1" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u195-1" class="ax_default box_1 u195" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u195-1_div" class="u195_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u195-1_text" class="text u195_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>三国演义精读</span></p>
                          </div>
                        </div>
                      </div>
                      <div id="u194-2" class="preeval" style="width: 100px; height: 30px;">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u195-2" class="ax_default box_1 u195" style="width: 100px; height: 30px; left: 0px; top: 0px;visibility: inherit">
                          <div id="u195-2_div" class="u195_div" style="width: 100px; height: 30px;visibility: inherit"></div>
                          <div id="u195-2_text" class="text u195_text" style="position: absolute;left: 2px;top: 8px;width: 96px;visibility: inherit">
                            <p><span>资治通鉴</span></p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u196" class="ax_default button selected" selectiongroup="doc_type">
                <div id="u196_div" class="selected"></div>
                <div id="u196_text" class="text ">
                  <p><span>个人</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u197" class="ax_default button" selectiongroup="doc_type">
                <div id="u197_div" class=""></div>
                <div id="u197_text" class="text ">
                  <p><span>团队</span></p>
                </div>
              </div>

              <!-- Unnamed (Group) -->
              <div id="u198" class="ax_default" data-left="14" data-top="40" data-width="291" data-height="34">

                <!-- Unnamed (Rectangle) -->
                <div id="u199" class="ax_default box_2">
                  <div id="u199_div" class=""></div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u200" class="ax_default box_2">
                  <div id="u200_div" class=""></div>
                </div>

                <!-- Unnamed (Image) -->
                <div id="u201" class="ax_default image1">
                  <img id="u201_img" class="img " src="images/首页/u201.png"/>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u202" class="ax_default _30号字_服务主标题，例如双行列表内的下方描述信息。__）">
                  <div id="u202_div" class=""></div>
                  <div id="u202_text" class="text ">
                    <p><span>搜索</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="u184_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
            <div id="u184_state1_content" class="panel_state_content">

              <!-- Unnamed (Rectangle) -->
              <div id="u203" class="ax_default _文本段落">
                <div id="u203_div" class=""></div>
                <div id="u203_text" class="text ">
                  <p><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u204" class="ax_default button">
          <div id="u204_div" class=""></div>
          <div id="u204_text" class="text ">
            <p><span>我的文档</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u205" class="ax_default button">
          <div id="u205_div" class=""></div>
          <div id="u205_text" class="text ">
            <p><span>文档分析</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Vertical Line) -->
      <div id="u206" class="ax_default arrow">
        <img id="u206_img" class="img " src="images/首页/u206.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u207" class="ax_default _文本段落">
        <div id="u207_div" class=""></div>
        <div id="u207_text" class="text ">
          <p><span>点击此“动作按钮”选择生成笔记的方式：</span></p><p><span>1. 图像识别</span></p><p><span>2. 语音识别</span></p><p><span>3.模板笔记</span></p><p><span>4.文件上传</span></p><p><span>5.新建笔记</span></p><p><span>6.手写笔记</span></p><p><span>7.markdown</span></p><p><span>8.图片上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u208" class="ax_default _文本段落">
        <div id="u208_div" class=""></div>
        <div id="u208_text" class="text ">
          <p><span>首页默认就是【我的笔记】页面</span></p><p><span>首页分为两大块</span></p><p><span>1. 个人文档</span></p><p><span>2. 团队文档</span></p><p><span><br></span></p><p><span>可以选择笔记生成关键字或知识图谱。</span></p><p><span>个人文档可以转为团队文档。</span></p><p><span>点击单个文档进入编辑页面。</span></p><p><span>用户单击个人文档进入【个人编辑】页面，单击团队文档进入【团队编辑】页面</span></p><p><span><br></span></p><p><span>下拉加载更多笔记，用户可以通过关键字搜索查找笔记</span></p>
        </div>
      </div>

      <!-- clockText (Rectangle) -->
      <div id="u209" class="ax_default label" data-label="clockText">
        <div id="u209_div" class=""></div>
        <div id="u209_text" class="text ">
          <p><span>数字时钟</span></p>
        </div>
      </div>

      <!-- loopPanel (Dynamic Panel) -->
      <div id="u210" class="ax_default" data-label="loopPanel">
        <div id="u210_state0" class="panel_state" data-label="State1" style="">
          <div id="u210_state0_content" class="panel_state_content">
          </div>
        </div>
        <div id="u210_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u210_state1_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u211" class="ax_default box_1">
        <div id="u211_div" class=""></div>
        <div id="u211_text" class="text ">
          <p><span>首页可以实现排序、向上滑动加载更多的功能，且使用了动态面板双层嵌套和全局变量</span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u212" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="119" CompoundMode="true">
        <img id="u212_img" class="singleImg img " src="images/图例/u31.png"/>
        <div id="u212p000" class="ax_vector_shape" WidgetTopLeftX="-0.475806451612903" WidgetTopLeftY="0" WidgetTopRightX="0.483870967741936" WidgetTopRightY="0" WidgetBottomLeftX="-0.475806451612903" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.483870967741936" WidgetBottomRightY="0.166666666666667">
          <img id="u212p000_img" class="img " src="images/图例/u31p000.png"/>
        </div>
        <div id="u212p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.25" WidgetTopRightX="29.5" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="29.5" WidgetBottomRightY="0">
          <img id="u212p001_img" class="img " src="images/图例/u6p001.png"/>
        </div>
        <div id="u212p002" class="ax_vector_shape" WidgetTopLeftX="5.75" WidgetTopLeftY="0.05" WidgetTopRightX="-0.2" WidgetTopRightY="0.05" WidgetBottomLeftX="5.75" WidgetBottomLeftY="0" WidgetBottomRightX="-0.2" WidgetBottomRightY="0">
          <img id="u212p002_img" class="img " src="images/图例/u31p002.png"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u213" class="ax_default box_1">
        <div id="u213_div" class=""></div>
        <div id="u213_text" class="text ">
          <p><span>显示系统时间属于系统变量与函数效果1</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
